/**
 * Created by zhiliang.han on 2016/10/24.
 */
.resetPassword{background: #fff;}
/*placehold 样式*/
.phcolor{color: #999999;}
.container_w{width: 1100px;min-width: 1100px; margin: 0 auto;}

/*登录*/
.login{width: 100%; min-width: 1100px; background: url("../img/login_img2.jpg") no-repeat center; height: 795px;}
/*注册页面背景图*/
.login.login_bg2{ background-image: url("../img/login_img.jpg")}
.login .login_con{ width: 1000px; margin: 0 auto;}
.login .login_con .slg{ margin-top: 90px;}
.login .login_con .b1{ float: right; width: 443px; height: 475px; border: 1px solid #eeeeee; background-color:#fff; border-radius: 8px; margin-top: 70px;}
.login .login_con .b1 .b1T{ height: 60px; border-bottom: 1px solid #ccc; padding-left: 10%;color: #333333;font-size: 24px;line-height: 60px;}
.login .login_con .b1 .b1T a{ display: block;width: 40%;text-align: center;float: left; color: #333333;  margin-right: 10%; line-height:59px;font-size: 20px;}
.login .login_con .b1 .b1T a.last{ margin-right: 0; }
.login .login_con .b1 .b1T a.active{color: #de3435; border-bottom: 2px solid #de3435;}

.login .login_con .b1 .b1B{ padding-top: 4%; }
.login .login_con .b1 .b1B .b1B_t{ width: 80%; padding-left: 10%;}
.login .login_con .b1 .b1B .b1B_t .btn{ /* margin-top: 10%;*/}
.login .login_con .b1 .b1B .input{height: 40px; line-height: 40px;vertical-align: middle; border: 1px solid #d9dcdf; border-radius: 4px; margin-top: 6%;font-size: 14px;color: #333333;}
.login .login_con .b1 .b1B .input span{ width: 16%; display: block; float: left; text-align: right; margin-right: 4%; }
.login .login_con .b1 .b1B .input input{ border: 0;width: 95%; height: 32px; line-height: 32px;vertical-align: middle;margin-left:15px;}
.login .login_con .b1 .b1B .errorMsg{ height: 40px; color: #de3435; width: 80%; margin-left: 10%; line-height: 40px; font-size: 14px;text-align: center;}
.login .login_con .b1 .b1B .btn,.retrieve .retrieve_c .common .btn,.zc_success .zc_success_c .btn{ height: 60px; background-color:#de3435; border-radius: 6px; cursor: pointer; text-align: center; color: #fff; line-height: 60px; font-size: 18px;  }
.login .login_con .b1 .b1B .forget{ text-align: left; line-height: 30px; color: #999999;font-size: 14px; padding-top: 2.5%;}
.login .login_con .b1 .b1B .forget a{display: block; float: left;}
.login .login_con .b1 .b1B .forget a.regist{float: right;}
.login .login_con .b1 .b1B .forget span{display: block; float: right;}


.login .login_con .b1 .b1B .other-way{ border-top: 1px solid #eeeeee; margin-top: 5%; position: relative; padding-top: 4%;}
.login .login_con .b1 .b1B .other-way p{ position: absolute; left: 50%; margin-left: -25%; top: -10px; width:50%; background-color: #ffffff; color: #999999; text-align: center; font-size: 14px;}
.login .login_con .b1 .b1B .other-way .linkLogin{       padding-left: 32%;    width: 53%;}
.login .login_con .b1 .b1B .other-way dl{float: left; width: 22%; text-align: center; cursor: pointer; margin-right: 25%;}
.login .login_con .b1 .b1B .other-way dl .qqimg{display: inline-block;width: 46px;height: 46px;background: url("../img/icons.png") -145px -660px no-repeat;}
.login .login_con .b1 .b1B .other-way dl .linkimg{display: inline-block;width: 46px;height: 46px;background: url("../img/icons.png") -323px -861px no-repeat;}
.login .login_con .b1 .b1B .other-way dl.last{ margin-right: 0;}
.login .login_con .b1 .b1B .other-way dl dd{color: #999999;}




/*密码找回*/

.retrieve,.register_c{ width: 880px; margin: 3% auto;}
/*.retrieve .retrieve_c{ height: 500px;}*/
.retrieve .retrieve_c .t_1,.zc_success .zc_success_c .t_1,.register .register_c .t_1{text-align: center; font-size: 24px;color: #333333; font-weight: bold; margin-bottom: 1%;}
.retrieve .retrieve_c .t_2,.zc_success .zc_success_c .t_2,.register .register_c .t_2{text-align: center; font-size: 16px;color: #999999; margin: 3% 0;}
.retrieve .retrieve_c ul.nav,.register .register_c ul.nav{ background: url("../img/retrieve_line.png") no-repeat left bottom; width: 605px; height: 30px; margin: 8% auto; padding-left: 11%;}
.retrieve .retrieve_c ul.nav li,.register .register_c ul.nav li{float: left; width: 27%; cursor: pointer; color: #666666;font-size: 14px; text-align: center; margin-right: 10%; line-height: 28px;display: inline;}
.retrieve .retrieve_c ul.nav li.active,.register .register_c ul.nav li.active{ border-bottom: 2px solid #de3435;}
.retrieve .retrieve_c ul.nav li{ margin-right: 5%;}

/*密码找回*/
/*密码找回通用的*/
.retrieve .retrieve_c .common{ padding-left: 24% ;width: 70%;}
.retrieve .retrieve_c .common span,.retrieve .retrieve_c .common label,.retrieve .retrieve_c .common .selectWrap{display: block; float: left;}
.retrieve .retrieve_c .common label{width: 17%; text-align: right;font-size: 14px;line-height: 38px; margin-right: 2%;}
.retrieve .retrieve_c .common input{border: 1px solid #d9dcdf; border-radius: 4px; padding-left: 15px; height: 38px; line-height: 38px;}
.retrieve .retrieve_c .common .type input{width:290px; }
.retrieve .retrieve_c .common .yz_code input,.retrieve .retrieve_c .common .msg_code input{width:200px; margin-right: 2%; float: left;}
.retrieve .retrieve_c .common .yz_code,.retrieve .retrieve_c .common .msg_code{margin: 3% 0;}

.retrieve .retrieve_c .common .codeImg{width: 80px; margin-right: 1%;}
.retrieve .retrieve_c .common .getMsg{ width: 80px; border: 1px solid #de3435; height: 38px; line-height: 38px;text-align: center; border-radius: 4px; color: #de3435; cursor: pointer;  }
.retrieve .retrieve_c .common .getMsg.disabled{ color: #999999; border-color:#999999;  cursor:not-allowed }
.retrieve .retrieve_c .common .reset_code{ padding: 10px; cursor: pointer;width: 16px;height: 16px;display: inline-block;background: url(../img/icons.png) -156px -1135px no-repeat;}
.retrieve .retrieve_c .common .btn{width: 300px; margin-left: 19%; margin-bottom: 10%;}


/*邮箱找回*/
.retrieve .retrieve_c .eMail{ }


/*账号找回*/
.retrieve .retrieve_c .accounts{}

/*手机号找回*/

.retrieve .retrieve_c .common .selectWrap{width: 100px; height: 38px; border: 1px solid #ccc;*margin-top:1px; border-radius: 4px 0px 0 4px; line-height: 40px; }
.retrieve .retrieve_c .common select{width: 102px;  *margin-left: -1px; border: 0;*margin-top:0px;}
.retrieve .retrieve_c .common.phone .type input{ border-radius: 0 4px 4px 0; border-left: 0;width: 198px;}


/*找回的提交信息*/
.submitInfo{ width: 1000px; margin: 4% auto 18%; color: #333333;}
.submitInfo .t1{font-size: 22px; margin-bottom: 2% }
.submitInfo .section1{ border: 1px solid #ccc; padding: 5%;}
.submitInfo .section1 .t2{ font-size: 16px; margin: 2% 0;font-weight: bold; color: #333333;}
.submitInfo .section1 .back{ display: block; margin: 2% 0;text-decoration: underline; margin-top: 10%;}


.setSuccess{color: #333333;}
.setSuccess .t1{ text-align: center;font-size: 22px;font-weight: bold;}
.setSuccess .t1 .setsuccess{display: inline-block;width: 36px;height: 36px;background: url(../img/icons.png) -311px -85px no-repeat;vertical-align: middle;}
.setSuccess .t1 img{ vertical-align:middle; margin-bottom: 2px;}
.setSuccess .t2{ text-align: center;color: #cccccc; padding: 1.5% 0;}
.setSuccess .line{background: url("../img/retrieve_line.png") no-repeat center; height: 3px;}
.setSuccess .t3{ color: #666; padding: 3% 0 1.2% 32%;font-size: 16px;}
.setSuccess .t3 span{color: #e12332;}
.setSuccess .t4{  color: #333; padding-left: 32%;font-size: 16px; margin-bottom: 300px;}
.setSuccess .t4 a{color: #3399ff;}

/*注册页面*/
.register{}
.register .register_c{}
.register .register_c .t_1,.register .register_c .t_2{}
.register .register_c ul.nav{ padding-left: 25%; width: 556px;}
.register .register_c ul{}
.register .register_c ul li{ margin-bottom: 3%;}
.register .register_c ul li label,.register .register_c ul li p,.register .register_c ul li span{float: left;display: block;height: 38px; line-height: 38px;}
.register .register_c ul li label{text-align: right;width: 25%; margin-right: 3%;}
.register .register_c ul li label i{color: #e02231;}
.register .register_c ul li p{width: 46%;    margin-right: 2%;}
.register .register_c ul li p input,.register .register_c ul li ul.selectWrap{width: 96%;   border: 1px solid #d9dcdf;    border-radius: 4px;    padding:0 2%;    height: 38px;  line-height: 38px;}
.register .register_c ul li span{width: 15%;color: #e02231;}
.register .register_c ul li.country{}
.register .register_c ul li.country p{width: 17.5%;}
.register .register_c ul li ul.selectWrap{float: left; width: 26%;     position: relative;margin-right: 2%; padding: 0;   }
.register .register_c ul li ul.selectWrap span{width: 98%; padding-left: 2%;color: #666666;  cursor: pointer;background: url("../img/icons.png") 183px -207px no-repeat;}
.register .register_c ul li ul.selectWrap ul{max-height: 200px; overflow-y: scroll;position: absolute;    border: 1px solid #ccc;    top: 38px;left: -0.5px; width: 100%;     border-radius: 4px;    background: #fff;}
.register .register_c ul li ul.selectWrap li{ line-height: 28px;cursor: pointer;  padding-left: 2%;  }
.register .register_c ul li ul.selectWrap li:hover{ background-color: #999999}

.register .register_c ul li.validate{}
.register .register_c ul li.validate .code{width: 20%;height: 38px; line-height: 38px; border-radius: 4px; float: left;}
.register .register_c ul li.validate p{ width: 21.5%}
.register .register_c ul li.validate .renovate{float: left; padding-top: 10px; margin-right: 2%;}
.register .register_c ul li.validate .renovate span{cursor: pointer;display: inline-block;width: 23px;height: 22px;background: url("../img/icons.png") -165px -1256px no-repeat;}


.register .register_c ul li.agree{ padding-left: 28%;}
.register .register_c ul li.agree input{vertical-align: middle; margin-bottom: 2px;}
/*.register .register_c ul li.agree input{
    -webkit-appearance: none;
    border: 0;
    background: #409df9;
    height: 18px;
    vertical-align: middle;
    width: 18px; margin-bottom: 2px;
}
.register .register_c ul li.agree input:checked {
    background:#409df9 url(../img/checkboxright.png) no-repeat center center;
}*/

.register .register_c ul li.btn{ margin-bottom: 10%;}
.register .register_c ul li.btn p{  margin-left: 28%; background-color: #de3435; text-align: center;font-size: 18px; width: 30%;height: 60px; line-height: 60px; cursor:pointer; color: #fff;border-radius: 4px;}

.register .register_c ul li.phoneCode{}
.register .register_c ul li.phoneCode p{ width: 27%;}
.register .register_c ul li.phoneCode .phoneCodeBtn{  float: left;   width: 17%; margin-right: 2%; background-color:#de3435; color: #ffffff;   border: 1px solid #de3435;    height: 38px;    line-height: 38px;    text-align: center;    border-radius: 4px;       cursor: pointer;}
.register .register_c ul li.phoneCode .phoneCodeBtn.getMsg{  }
.register .register_c ul li.phoneCode .phoneCodeBtn.againGetMsg{ color: #de3435;    background-color: transparent;}
.register .register_c ul li.phoneCode .phoneCodeBtn.getInMsg{     color: #999999;  background-color: transparent;   border-color: #999999;    cursor: not-allowed;}


/*注册成功*/
.zc_success{width: 480px; margin: 0 auto 5%;}
.zc_success .zc_success_c{ padding-top: 5%;}
.zc_success .zc_success_c .t_3{text-align: center; font-size: 16px;color: #666666; margin-top: 15%; margin-bottom: 5%;}
.zc_success .zc_success_c .btnCon{ margin-left: 17%;width: 63%; position: relative;}
.zc_success .zc_success_c .btnCon .txt{text-align: center;    margin: 5% 0 8%;color: #999999; font-size: 14px;}
.zc_success .zc_success_c .btnCon .btn{width: 316px;}
.zc_success .zc_success_c .btnCon .bubble{ position: absolute;  left: 107%;top: 27px;    white-space: nowrap;color: #de3435;font-size: 14px; border-radius: 4px; padding: 5px; border: 1px solid #f4d130; background-color: #fafec0;}
.zc_success .zc_success_c .btnCon .bubble span{ display: block; width: 14px; position: absolute; left: -13px; top: -1px; background: url("../img/bubble_arrow.png") no-repeat left 0px;}

.zc_success .zc_success_c .zc_type{ padding-left: 23%; margin: 5% 0;width: 68%;}
.zc_success .zc_success_c .zc_type input{vertical-align: middle;}
.zc_success .zc_success_c .zc_type span{ margin-right: 21%;font-size: 14px; line-height: 20px;}
.zc_success .zc_success_c .zc_type span.last{ margin-right: 0;}
.zc_success .zc_success_c .zc_type input[type="radio"] {  /* margin: 5px 3px 0px 5px;  */ display: none; vertical-align: middle; }
.zc_success .zc_success_c .zc_type label { line-height: 20px;  padding-left: 20px;    cursor: pointer;    background: url(../img/radioicon.png) no-repeat left 2px;}
.zc_success .zc_success_c .zc_type label.checked {  background-position: left -21px;}



/*模拟select框*/
/*
.select_box {   border: 1px solid #ccc; z-index: 0;  padding-left: 10px;    background: url("../img/arrow2.png") no-repeat right center;    position: relative;}
/!*.select_box span {    cursor: pointer;    display: block;    width: 100%;    overflow: hidden;}*!/
.select_box ul li {    cursor: pointer;}
.son_ul {    position: absolute;  left: 0; top: 36px;   border: 1px solid #ccc; z-index: 10; border-radius: 0 0 6px 6px ;  background: #fff; padding-bottom: 20px;}
.son_ul li {    display: block;  line-height: 30px;    padding-left: 10px;    width: 387px;}
*/



.container_w .phone ul.selectWrap{float: left; width: 180px;  position: relative;padding: 0; border: 1px solid #cccccc; border-radius: 4px;}
.container_w .phone ul.selectWrap span{width: 58%; padding-right: 40px; padding-left: 2%;color: #666666; display: block;  height: 40px; cursor: pointer;background: url("../img/icons.png") no-repeat 58px -206px;}
.container_w .phone ul.selectWrap ul{max-height: 200px; overflow-y: scroll; position: absolute;    border: 1px solid #ccc;    top: 38px;left: -1px; width: 100%;     border-radius: 4px;    background: #fff; height: 200px; overflow-y: scroll;}
.container_w .phone ul.selectWrap li{ line-height: 40px;cursor: pointer;  padding-left: 2%;  }
.container_w .phone ul.son_ul li:hover{ background-color: #999999}


